<%--
  Created by IntelliJ IDEA.
  User: 小信
  Date: 2021/7/7
  Time: 19:16
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>Title</title>
</head>
<style>
    body{background-image: url("/Eventstar/img/cjbj.jpg");no-repeat center center fixed;-webkit-background-size: cover;-o-background-size: cover; background-size: cover;}
    #gr1{width: 100%;height: 700px;}
    #gr2{background-color: white; width: 80%;height: 80%;border: 1px solid black;border-radius: 20px 20px 20px 20px;margin-left: 10%;margin-top: 5%;}
    #gr3{width: 100%;height: 10%;text-align: center;margin-top: 2%;}
    #gr4{width: 100%;height: 12%;text-align: center;font-size: 25px;}
    #gr5{width: 100%;height: 12%;text-align: center;line-height: 70px;}
    #gr6{width: 100%;height: 35%;}
    #gr7{width: 70%;height: 100%;border: 1px solid black; background-color: whitesmoke;margin-left: 15%;}
    .g1{width: 100%;height: 20%;text-align: center;font-size: 20px;border: 1px solid black;border-width:0 0 1px 0;line-height: 40px;}
    .g2{width: 100%;height: 20%;text-align: center;font-size: 20px;border: 1px dashed black;border-width:0 0 1px 0;line-height: 40px;}
    .g3{width: 100%;height: 57%;float: left;overflow-x:auto;}
    .g3 span{width: 100%;height: 40%;float: left;line-height: 50px;float: left;}
    .y1{width: 50px;height: 50px;border-radius: 50%;border: 1px solid lightcyan;background-color: lightblue;float: left;margin-top: 5px;margin-left: 20px;text-align: center;line-height: 50px;}
    #gr8{width: 100%;height: 20%;}
    #gr8 div{width: 30%;height: 100%;background-color: lightblue;text-align: center;line-height: 40px;margin-left: 35%;margin-top: 3%;}
    a{text-decoration:none;color: black;}
</style>
<body>
<div id="gr1">
    <div id="gr2">
        <div id="gr3"><h2>${exam_name}</h2></div>
        <div id="gr4"><h1>成&nbsp;绩&nbsp;单</h1></div>
        <div id="gr5"><h3>考生:&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</h3></div>
        <div id="gr6">
            <div id="gr7">
                <div class="g1">考试成绩</div>
                <div class="g2">
                    <span>总成绩：${fen}</span>
                    <span>正确:<font style="color: greenyellow;">${dui}</font></span>
                    <span>错误：<font style="color: red">${cuo}</font></span>
                </div>
                <div class="g3">
                    <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;答题卡</span>
                <c:forEach var="i"  begin="1" end="${num}">
                    <div class="y1">${i}</div>
                </c:forEach>
                </div>
            </div>
            <div id="gr8"><div><a href="index.jsp">确定</a></div></div>
        </div>
    </div>
</div>
<%@include file="wei.jsp"%>
</body>
</html>
